<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>保单缴费</title>
<style type="text/css">
	body{
		background-color: #FFFFFF;
	}
	
	.aaaa{
			margin: 0em;
				padding: 0em;
				width:100% ;
	}
	.herd{
		margin-left: 5em;
		margin-top: 2em;
	}
	.iputs{
		border: 1px solid #F2DEDE;
		  border-radius: 0.5em;
		  margin-top: 2em;
		  height: 8em;
	}
	.iput{
		margin-top: 1em;
		font-size: 18px;
		margin-left: 1em;
	}
	.iput2{
		border-bottom: 1px solid #F2DEDE;
		width:18em;
		 margin-top: 1em;
	}
	.Input1{
		  border-style: none;
		font-size: 15px;
	}
	.submit{
		width: 23em;
		height:3.5em;
		margin-top: 5.5em;
		margin-left: 1.5em;
		border-radius: 0.5em;
		color: #FFFFFF;
		background-color: red;
	}
	.wen{
		margin-left: 1.5em;
	}
	span{
		color: red;
	}
</style>
		<script type="text/javascript" src="../statics/js/jquery-1.12.4.js" ></script>
		<script type="text/javascript">
			$(function() {
				$("#Button1").click(function() {
					var str = $("#Input1").val()
					var str1 = $("#Input2").val()
					if(str =="" || str == null) {
						alert("请输入身份证号码");
					} else if(str1 == "" || str1 == null) {
						alert("请输入业务流水号只需输入后6位");
					}
				})

			})
			
		</script>
</head>
<body>
     <div class="container-fluid aaaa">
     	<div class="col-xs-4 herd">
     		<img src="../statics/img/whd_img/logo.png" />
     	</div>
     	<from  action="" method="post">
     		<div class="col-xs-10 iputs" >
     		<div class="col-xs-10 iput">
     			身份证号码：
     			<input type="email" class="form-control Input1"  placeholder="请输入身份证号码" id="Input1" >
     			<div class="iput2"></div>
     		</div>
     		
     		
			<div class="col-xs-10 iput">
				业务流水号：
				<input type="email" class="form-control Input1"  placeholder="请输入业务流水线号后位" id="Input2" >
				
			</div>     	
			<div>
     		<input id="Button1"  type="submit" value="立即缴费" class="submit"  />
     		</div>
     		<div class="wen">
     		<p> <span>温馨提示</span>：业务流水号只需输入后6位</p>
     		</div>
     		</div>
     	</from>
     </div>
</body>
</html>